<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      template="#{AuthenticationBean.template}"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:outputStylesheet name="tooltip">
        .tooltip {
        background-color: #{ richSkin.generalBackgroundColor};
        border-width:3px;
        }
        .tooltip-custom-body {
        background-color: orange;
        }
 
        .tooltip-text {
        width: 350px;
        height: 80px;
        cursor: arrow;
        border-width: 2px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        }
 
        .tooltipData {
        font-weight: bold;
        }
        
    </h:outputStylesheet>
     
        
  
        
         <ui:define name="content">
         <f:view>
       <h:form id="form">
           
             <a4j:outputPanel >
                 <h:panelGrid columns="3">
                    <rich:validator >
  
                        <h:outputText value="Tytuł książki : " />
                        <h:inputText required="false" value="#{wyszukajKsiazkeManager.tytul}">    
              
                        </h:inputText>
                         <rich:message for="name" ajaxRendered="true" />
                         
                         <h:outputText value="Imię autora: " > 
                            
                         </h:outputText> 
                        <h:inputText required="false" value="#{wyszukajKsiazkeManager.imieAutora}">         
                        </h:inputText>
                         <rich:message for="name" ajaxRendered="true" />
                         
                          <h:outputText value="Nazwisko autora: " > 
                            
                         </h:outputText> 
                        <h:inputText required="false" value="#{wyszukajKsiazkeManager.nazwiskoAutora}">                        
                        </h:inputText>
                         <rich:message for="name" ajaxRendered="true" />
                         
                    </rich:validator>
                   <rich:notifyMessages stayTime="2000" nonblocking="true" />
                 </h:panelGrid>
                 
             </a4j:outputPanel>
              <a4j:commandButton  id="wyszukaj" action="#{wyszukajKsiazkeManager.getListaKsiazek}" value="Szukaj"  render="table"/>
              
             
              <center>
             <rich:dataTable   value="#{wyszukajKsiazkeManager.dataList}" var="item" id="table" rows="30">
            <f:facet name="noData">
              Brak książek
            </f:facet>
                 <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                <f:facet name="header">               
                        <h:outputText value="Numer ISBN " />
                </f:facet>
                <h:outputText value="#{item.isbn}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.imieAutora}">
                <f:facet name="header">
                    <h:outputText value="Imię autora" />
                </f:facet>
                <h:outputText value="#{item.imieAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.nazwiskoAutora}">
                <f:facet name="header">
                    <h:outputText value="Nazwisko autora" />
                </f:facet>
                 <h:outputText value="#{item.nazwiskoAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.tytul}">
                <f:facet name="header">
                    <h:outputText value="Tytuł" />
                </f:facet>
                <h:outputText value="#{item.tytul}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.nazwaWydawnictwa}">
                <f:facet name="header">
                    <h:outputText value="Wydawnictwo" />
                </f:facet>
                <h:outputText value="#{item.nazwaWydawnictwa}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.dataWydania}">
                <f:facet name="header">
                    <h:outputText value="Data wydania" />
                </f:facet>
                <h:outputText value="#{item.dataWydania}" />
            </rich:column>
                 
             <rich:column sortBy="#{item.status}"> 
                <f:facet name="header">
                    <h:outputText value="Status " />
                </f:facet>
                <h:outputText value="#{item.status}" />
            </rich:column>     
       
        </rich:dataTable>
         <rich:dataScroller for="table" maxPages="5" />   
 
       </center>    
              <rich:messages/>
       </h:form>
     </f:view>
     </ui:define>

</ui:composition>
